<template>
  <div class="son">
    <h3>子组件 曹植 :{{ money }}</h3>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
// 子组件 钱数
let money = ref(66);
const fly = () => {
  console.log('我会飞');
};
// 组件内部数据对外关闭，别人不能访问
// 如果想让外部访问需要defineExpose方法对外暴露
defineExpose({
  money,
  fly,
});
</script>

<style scoped>
.son {
  width: 300px;
  height:100px;
  background: rgb(178, 220, 220);
}
</style>